<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>nav</title>
    <style th:fragment="style">
        nav{
            width: 100%;
            height: 4em;
            text-align: center;
            color: #ffffff;
            font-family: "黑体";
            font-size: 1em;
            font-weight: bold;
            top: 0em;
            position: fixed;

        }
        .logo{
            width: 20%;
            height: 100%;
            float: left;
        }
        .menu{
            width: 60%;
            height: 100%;
            float: left;
        }
        .login{
            width: 20%;
            height: 100%;
            float: left;
        }
        a{
            color: #fff;
        }

    </style>

</head>
<body>
<nav th:fragment="nav">
    <div class="logo">
        <a th:href="@{../}"><span>logo</span></a>
        <span>搜索</span>
    </div>
    <div class="menu">
        <a th:href="@{../home}"><span>首页</span></a>
        <span>发现</span>
        <span>互动工具</span>
        <span>全景直播</span>
        <a th:href="@{../select}"><span>图片市场</span></a>
        <span>商城</span>
    </div>
    <div class="login">
        <a th:href="@{../register}"><span>注册</span></a>
        <a th:href="@{../login}"><span>登录</span></a>
    </div>
</nav>
</body>
</html>